@charset "utf-8";
/* ASYNCBOX CSS Document */
*{margin:0; padding:0;}
body {font:12px/1.6em 'Microsoft Yahei',Tahoma,sans-serif;}
ul{ list-style:none;}
img{ border:none}
a{text-decoration:none; }

.layput{ width:850px; height:auto; margin:0 auto; background:#FFF; padding:10px; border-left:10px solid #60B7DE;border-right:10px solid #60B7DE;border-bottom:10px solid #60B7DE;}

.logo{font:bold 38px "Arial Black", Gadget, sans-serif;color:#666;float:left;}
.logo span{position:relative;top:5px;left:27px;font-size:12px;width:50px;color:#999;float:left;margin:0 -80px 0 0;font:12px Verdana,sans-serif;}

.right{ _width:308px;float:right; overflow:hidden}

.nav_menu {clear:both;float:right; margin-top:5px;overflow:hidden}
.nav_menu ul{border-bottom:2px solid #60B7DE; height:27px;}
.nav_menu li{float:left; padding:4px 10px;}

.nownav{ background:#60B7DE;}
.nownav a{ color:#FFF; font-weight:bold;}
.nownav a:hover{color:#FFF;text-decoration:none}

.top_bar li{ float:right; margin-left:10px;}

.banner{ clear:both; height:240px;}\
.banner .down li{ margin-bottom:4px;}

.demo_left{width:140px; float:left; border:10px solid #eee; padding:10px;}
.demo_right{width:660px; float:right; border:1px solid #000}
.demo_left span{ font-weight:bold; display:block;}

.demo_nav{}
.demo_nav li{ font:12px Verdana, Geneva, sans-serif; text-indent:1em; }
.demo_nav a{ text-decoration:none; display:block;  padding:4px;}
.demo_nav a:hover{ background:#eee;}

.panel{margin-bottom:10px;}
.panel dt strong{ background:#0CC; color:#fff; padding:4px;}
.panel dd{ border:1px solid #0CC; padding:4px; background:#FAFAFA }
.panel dd p{text-indent:2em; margin:2px;}

.demo_list{ margin:20px 0;}
.demo_list strong{ font-size:14px;}
.demo_list button{ padding:2px 10px;margin-left:10px; vertical-align:middle}
.run{ text-align:right; margin:10px 0;}

.update{color:#069;}
.update li{ margin:6px;}

.par{ margin-top:50px;}
.par li { margin:6px;}
.core{ background:#f8f9f9; border:1px dashed #ccc; text-indent:14px; padding-top:10px; margin:4px 0; overflow:hidden; }
.core .notes{color:#999999;}
.core .string{color:#0000FF;}
.core .keyword{color:#990099;}
.core .number{color:#FF0000;}
.core .function{ font-weight:bold;}

.faq{ padding:10px; border:1px dashed #BCBCBC; background:#f9f9f9; margin:10px 0}
.faq dt{ color:#f00}
.faq dd{ text-indent:2em; color:#666}

.skin { margin-top:20px;}
.skin dt{ float:left; margin-right:10px;}
.skin dd{ }
.skin p { text-indent:2em}
.skin a{ text-decoration:underline}

.caption{ padding:20px 230px 20px 20px; margin-bottom:30px;  }
.caption dd{ text-indent:2em;line-height:18px; color:#09F}
.caption2{ padding:20px 20px 20px 230px; margin-bottom:30px; border-bottom:1px dashed #D5D5D5}
.caption2 dd{ text-indent:2em;line-height:18px; color:#993}

.footer{clear:both;color:#fff;text-align:center; line-height:20px; margin:6px 0; padding-bottom:10px; font-family:Verdana, Geneva, sans-serif;}
.footer a{ color:#FFF}